<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    // //参数可以有默认值
    // function init (x, y = 2) {
    //   console.log(x, y);
    // }
    // init(1, 6)
    // //可变参数
    // function show (a, ...arr) {
    //   console.log(a);
    //   console.log(arr);
    // }
    // show(1, 3, 5)
    //箭头函数(匿名函数), 函数的简写形式
    let fn;
    let x;
    // // 1无参数无返回值
    // let fn = function () {
    //   console.log(1);
    // }
    // fn()
    // fn = () => {
    //   console.log(22);
    // }
    // fn()
    // 2无参数有返回值
    // fn = function () {
    //   console.log(11);
    //   return 1;
    // }
    // let x = fn()
    // console.log(x);
    // // fn = () => {
    // //   return 2;
    // // }
    // // 函数体只有return语句时,可以省略花括号和return
    // fn = () => 2

    // x = fn()
    // console.log(x);
    // 3有参数无返回值
    // fn = function (a) {
    //   console.log(a);
    // }
    // fn(3)
    // fn = () => {
    //   console.log(33);
    // }
    // fn()
    // 4有参数有返回值
    // fn = function (a) {
    //   console.log(4);
    //   return a;
    // }
    // x = fn(44)
    // console.log(x);
    // fn = (a) => {
    //   //console.log(444);
    //   return a;
    // }
    // x = fn(555)
    // console.log(x);
    // // 当参数只有一个时, 小括号可以省略; 方法只有return时, 花括号和return可以省略
    // fn = a => a
    // x = fn(666)
    // console.log(x);

    fn = function (a, b) {
      console.log(a, b);
      return a + b
    }
    x = fn(5, 6)
    console.log(x);

    fn = (a, b) => {
      return a + b;
    }
    x = fn(5, 9)
    console.log(x);




  </script>
</body>

</html>